<template>
  <view class="flex-sb m-b40">
    <view class="card flex p-h32" @click="toPage('/pages/resume/home/home')">
      <view class="icon-view flex-c square-68">
        <image class="square-50" src="@/static/images/mine/edit.png" />
      </view>

      <view class="flex-d-lc m-l24">
        <text class="text-700-532">完善简历</text>
        <text class="m-t4 text-400-328">提高面试机会</text>
      </view>
    </view>
    <!-- 
    <view class="card flex p-h32" @click="chooseAttachment">
      <view class="icon-view flex-c square-68">
        <image class="square-40" src="@/static/images/mine/add.png" />
      </view>

      <view class="flex-d-lc m-l24">
        <text class="text-700-532">上传附件</text>
        <text class="m-t4 text-400-328">简历附件</text>
      </view>
    </view> -->
  </view>
</template>

<script lang="ts" setup>
import { useResumeAttachment } from '../hooks/useResumeAttachment'

const { chooseAttachment } = useResumeAttachment()

const toPage = (url: string) => {
  uni.navigateTo({ url })
}
</script>

<style lang="scss" scoped>
.card {
  width: 100%;
  height: 154rpx;
  border-radius: 20rpx;
  border: 2rpx solid #D2E1FF;
  background: linear-gradient(181deg, #FFFFFF 0%, #E8F0FF 100%);

  .icon-view {
    border-radius: 50%;
    background-color: $bg-color-5;
  }
}
</style>
